<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<table border=1><tr><th name="t">　　　TH　　　</th><td name="t">　　　TD　　　</td></tr></table>
<br>
<a href="#" style="background:cyan; zoom:1;" name="t" id='aaa'>　　　A　　　</a>
<br>
<button name="t" style="text-decoration:underline">　　　BUTTON　　　</button>
<br>
<span style="background:gold; display:inline-block;" name="t">　　　INLINE-BLOCK SPAN　　　</span>
<br>
<div style="background:silver; width:200px;text-decoration:underline" name="t">　　　DIV　　　</div>
<br>
<div style="background:red; float:left;" name="t">　　　FLOAT DIV　　　</div>
<br>
<div style="background:green; float:right;" name="t">　　　FLOAT DIV　　　</div>
<br>
<div style="background:blue; position:absolute; top:0; left:0;" name="t">
  <span>　　　POS DIV　　　</span>
</div>

<br>
<div style="background:blue; float:left;" name="t">
  <span>　　　POS DIV2　　　</span>
  <div>TAIL</div>
</div>

<br style="clear:left">
<br>
<div style="background:blue; float:left;" name="t">
  <span id='span' style="display:inline-block">　　　POS DIV3　　　</span>
  <span>TAIL</span>
</div>

<br style="clear:left">
<br>
<span>No Problem Case:</span>

<br>
<span style="background:yellow; overflow:hidden;" name="t">　　　INLINE SPAN2　　　</span>

<br>
<div style="background:silver; width:200px;" name="t">　　　DIV　　　</div>

<br>
<table><tr><td name="t">　　　TD2　　　</td></tr></table>

<br>
<div style="background:blue;float:left;" name="t">
  <span>　　　POS DIV4　　　</span>
  <span style='inline-block;'>TAIL</span>
</div>

<br style="clear:left">
<br>
<div style="background:blue; float:left;" name="t">
  <span>　　　POS DIV5　　　</span>
  <div style="float:left">TAIL</div>
  <span>TAIL2</span>
</div>

<br>
<p>
<a href="#" style="background:cyan;" name="t" id='a'>aaaaa</a>
　　　
<a href="#" style="background:cyan;" name="t" id='b'>bbbbb</a>
</p>

<br>
<div style="width:300px">
<p id='p' style="display:block;line-height:23px;font-size:14px">
　　<strong>aaaaaaaaaaaaaaaaaaaaa</strong>
</p>
</div>

</body>
</html>
